<template>
    <div>
        <div class="header-title">
            <span @click="$router.go(-1)" class="mint-toast-icon mintui mintui-back">返回首页</span>
            <span></span>
            <span>查看订单</span>
        </div>
        <div class="header-user">
            <span>
                <img src="../../assets/img/bg.png" alt />
            </span>
            <span>HPH-海南地产</span>
        </div>
        <p class="buy-pay">实付5000USDT</p>
        <p class="buy-status">交易成功</p>
        <bgStatus :bgImg = bgImg :bgWord = bgWord></bgStatus>
    </div>
</template>
<script>
import bgStatus from '../../components/bgStatus'
export default {
    data(){
        return{
            //暂无
            bgImg:require('../../assets/img/beijingtu.png'),
            bgWord:"",
        }
    },
    components:{
        bgStatus
    }
};
</script>
<style lang="less" scoped>
.header-title {
    font-size: 16px;
    font-weight: normal;
    .flexBetweenCenter();
    padding: 15px 15px;
    border-bottom: 1px solid @blackColor3;
    span:nth-child(3){
        color: @blueColor4;
    }
}
.header-user {
    .flexCenterCenter();
    margin: 20px 40px;
    span {
        font-size: 16px;
        font-weight: bold;
    }
    span:nth-child(1) {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        overflow: hidden;
        .flexCenterContent();
        margin-right: 10px;
    }
}
.buy-pay{
    font-size: 18px;
    color: @blackColor8;
    text-align: center;
    font-weight: bold;
}
.buy-status{
    font-size: 12px;
    color: @blackColor5;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid @blackColor3;
}
</style>
